﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HomePage.aspx.cs" Inherits="Students" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/HomePage.css"/>
</head>
<body>
    <form id="form1" runat="server">
        <div id="header" style="background-color: #4D8AB3;">
            <div>
                <asp:Button ID="btnAdmin" runat="server" Text="登录" OnClick="btnLogin_Click" BorderStyle="Solid" />
            </div>
        </div>
        <div style="text-align: center; height:120px; width: 100%">
    
              <asp:ImageButton ID="Image2" runat="server" Height="100px" ImageAlign="Left" ImageUrl="~/images/校标.png" Width="100px" OnClick="btnLogin_Click" alt="返回课程页面" title="返回课程页面"/>
              <p id="name">学生成绩管理系统</p>

        </div>
                <div id="container">
                    <div id="left">&lt;</div>
                    <div id="right">&gt;</div>
                    <ul>
                        <li class="active-li"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>

                    </ul>
                    <div class="carousel">
                        <img src="images/hubu.jpg">
                    </div>
                    <div class="carousel">
                        <img src="images/playground.jpg">
                    </div>
                    <div class="carousel">
                        <img src="images/artschool.jpg">
                    </div>
                    <div class="carousel">
                        <img src="images/graduate.jpg">
                    </div>
                    <div class="carousel">
                        <img src="images/yifu.jpg">
                    </div>
                </div>
            <br />
         <div style="margin-top:50px;margin-bottom:50px">
            <asp:Label ID="lblCourse" runat="server" Text="最新课程：" Font-Bold="True" Font-Size="Large"></asp:Label>
            <div style="float: right">
            <asp:HyperLink ID="HyperLink1" runat="server" Font-Bold="True" Font-Size="Large" NavigateUrl="~/AllCourse.aspx">更多课程&gt;&gt;</asp:HyperLink>
            </div>
        </div>
        <div>

            <asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1" RepeatDirection="Horizontal" OnItemCommand="DataList1_ItemCommand" RepeatColumns="4">
                <ItemStyle HorizontalAlign="Center" />
                <ItemTemplate>
                    <asp:ImageButton ID="Image3" runat="server" ImageUrl='<%# Eval("photo") %>' Height="200" CommandName='<%# Eval("photo") %>' />
                    <br />
                    <asp:Label ID="lblName" runat="server" Text='<%# Eval("name") %>'/>
                    <br />
                    <br />
                </ItemTemplate>
            </asp:DataList>

            <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:performanceConnectionString %>" SelectCommand="SELECT TOP 8 [name], [photo] FROM [course]"></asp:SqlDataSource>

        </div>

    </form>
    <br /><br /><br /><br /><br />
    <div id="footer" style="clear: both;position:absolute; bottom: 0px">
    </div>
    <script src="scripts/jquery-3.3.1.min.js"></script>
    <script src="scripts/index.js"></script>
</body>
</html>
